﻿@charset "utf-8";
/*html,body{ height:100%; overflow:hidden;}*/
.contBox{ overflow:auto;}
/* 模板样式-选项卡 */
.fuTitle{ background:#eeeeee; padding:6px 5px 8px 5px;}
.tabTitle{ height:34px; line-height:34px; border:1px solid #4196e9;  margin:0 auto; display:-webkit-box; -moz-display:-webkit-box; -ms-display:-webkit-box; -o-display:-webkit-box; -webkit-display:-webkit-box; border-radius:3px; overflow:hidden; background:#fff;}
.tabTitle li{ height:34px; line-height:34px; color:#4196e9; text-align:center;box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; -o-box-flex:1; cursor:pointer; font-family:'微软雅黑'; font-size:15px;}
.tabTitle li.current{ color:#fff; background:#4196e9;}

.button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


/* 关注按钮 */
.btn_guanzhu{ background:#4ec1d5; border:0; border-radius:2px; padding:1px 3px; color:#fff; cursor:pointer;}
.btn_quxiao{ background:#f97535;border:0; border-radius:2px; padding:1px 3px; color:#fff; cursor:pointer;}

/*主导航*/
.mainTitle{background:#4196e9; color:#fff; height:40px; line-height:40px; font-size:18px; padding:0 10px;}
.mainTitle a{ color:yellow; float:right; display:inline; font-size:13px;}

/*表格列表*/
.list_tab{ width:100%; margin:0 auto; border-collapse:collapse; font-size:14px; line-height:22px; border-radius:5px; border-color:#c9c7cc;}
.list_tab caption{ text-align:center; line-height:22px; padding:10px 0; background:#fff; font-family:'微软雅黑';}
.list_tab th{ line-height:1.8;text-align:center; background:#81c6fc;color:#fff; border-color:#c9c7cc; white-space:nowrap;}

.list_tab td{ line-height:30px; padding:3px 0; text-align:center; font-size:12px; border-color:#c9c7cc; border-bottom:1px solid #eee; width:100px;}
.list_tab tbody tr:nth-of-type(odd) td{  background:#f6f8fb; }


/* 模块列表 */
.blockList{}
.blockList ul{}
.blockList ul li{ border-bottom:1px solid #ccc; background:#fff;  border-radius:2px; padding:10px;box-shadow: 1px 1px 1px #fff;}
.blockList ul li img{ float:left; width:54px; height:40px; border-radius:2px; margin-top:3px;}
.blockList ul li p{ font-size:15px; color:#666673; line-height:1.8; margin-left:64px;}
.blockList ul li dl{ color:#666673; margin-left:64px;}
.blockList ul li dl dt{color:#5a6e97; font-weight:bold;font-size:15px; font-family:'微软雅黑'; line-height:22px;}
.blockList ul li dl dd{ color:#393939;}
.blockList ul li dl dd.text{font-size:14px; color:#666673; line-height:22px;max-height:44px; overflow:hidden;}
.blockList ul li dl dd.data,.blockList ul li dl dd.tip{ color:#a0a0a0; margin-top:3px; font-size:11px; }
.blockList ul li div{ font-size:14px; color:#666673; line-height:22px; }
.blockList ul li:active{ background:#eee;}

/* 环路 */
.blockList ul li .huanlu_pic{  background:url(../images/imgbg.png) no-repeat; border-radius:5px; width:54px; line-height:54px; text-align:center; line-height:54px; float:left; color:#fff; font-family:"微软雅黑"; font-weight:bold; font-size:18px;}
.blockList ul li .huanlu_right{}

/*降雨*/
.blockList ul li .jiangyu_right dt{ font-size:14px; font-weight:normal; line-height:24px; }
.list_tab td.jiangyuTime{ height:22px; line-height:22px; text-align:left; background:#CCC;text-indent:17px;}
.list_tab td.jiangyuTitle{ text-align: left; padding-left:15px; line-height:22px; font-size:15px;}




/*预警信息*/
.textTitle{ position:relative;}
.textTitle img{float:left; width:60px; margin-left:10px; border-radius:2px; margin-top:8px; margin-right:10px;}
.textTitle dl{ color:#666673;  padding-top:15px; padding-left:10px;}
.textTitle dl dt{color:blue; font-weight:bold;font-size:20px; color:#000; line-height:22px;}
.textTitle dl dd{ color:#949494; margin-top:3px; line-height:16px;}
.textTitle dl dd .newsback{ color:#949494}
.textTitle dl dd .newsback:active{ color:333;}
.textTitle .data{ color:#949494; font-size:10px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; line-height:16px;}
.yujing ul li{ position:relative;}
.yujing ul li .data{ position:absolute; top:14px; right:8px; color:#a0a0a0;  font-size:11px;}


.textCont{ font-size:14px; padding:10px; color:#414141;}
.textCont p{ margin:0; padding:0;line-height:24px; text-indent:2em; text-align:justify; color:#505050; font-size:15px; font-family:'微软雅黑';}
.textCont img{ width:80%; display:block; margin:3px auto;}
.textCont ul{ margin:5px;}
.textCont ul li{ list-style:inside; list-style-type:disc; line-height:22px;}
.textCont ol{margin:5px;}
.textCont ol li{ list-style:inside; list-style-type:decimal; line-height:22px;}
.text3hidden{  max-height:66px; overflow:hidden; line-height:22px;}
.text3hidden{  max-height:66px; overflow:hidden; line-height:22px;}
/*表单*/
.formDiv{ margin:5px;}
.formDiv table{ border-collapse:#eee;}
.formDiv table th{ width:100px; text-align:right; padding-right:5px; font-size:13px; font-size:15px; white-space:nowrap;}
.formDiv table td{ text-align:left; padding:8px 0; font-size:15px;}
.formDiv table td .ipt{ height:35px; line-height:35px; border:1px solid #ccc; width:90%; margin-right:3px; border:1px solid #999; text-indent:5px;}
.formDiv table td textarea{ height:72px; width:150px; border:1px solid #999;width:90%;text-indent:5px; padding:5px 0;}
.tijiao_btn{ height:44px;  width:250px; margin:0 auto; display:block; }

.formDiv table tbody th,.formDiv table tbody td{ border-bottom:1px dotted #ccc;}

/*微博列表*/
.weiboList{}
.weiboList li{ padding:5px 10px 6px 12px; border-bottom:1px solid #dbdbdb; position:relative;}
.weiboList .touxiang{ float:left; display:inline; width:36px; height:36px; margin-top:4px;}
.weiboList .touxiang img{ width:36px; height:36px; display:inline; border-radius:3px;}
.weiboCont{ margin-left:50px;}
.weiboCont h2{ height:24px; line-height:24px; color:#475d8b; font-weight:bold;  font-size:14px; font-family:'微软雅黑';}
.weiboCont .weiboDiv{ line-height:17px; color:#131313; font-size:13px; margin-top:5px;} 
.weiboCont .weiboDiv img{width:120px;margin-top:3px;}
.weiboCont .photo{ margin-top:3px;}
.weiboCont .photo img{ display:inline; margin-top:2px; width:40%; margin-right:2px;}
.weibo_time{ color:#808080; margin-top:5px; display:block; line-height:17px; height:20px;}
.replay{  padding:8px; background:#edeeee; position:relative; margin-top:5px; border-radius:3px;}
.replay p{font-size:12px; line-height:20px; color:#848585;}
.replay p span{ color:#586c95;}
.replay em{ width:13px; height:7px; background:url(../images/dot_img.png) no-repeat; position:absolute; top:-7px; left:10px;}


/*防汛常识*/
.FastLink{  background:#fff;border-top:1px solid #c9c7cc;}
.FastLink li{ border-bottom:1px solid #c9c7cc; height:40px; line-height:40px;  background:url(../images/ico_wen.png) no-repeat 10px center; background-size:20px 20px; overflow:hidden;}
.xingico li a{ display:block; height:40px; background:url(../images/ico_go.png) no-repeat center right;  padding-left:40px; margin-right:10px;}
.FastLink li:active {  background:url(../images/ico_wen.png) no-repeat 10px center; background-size:25px 25px;}
.FastLink li:active a{ color:blue;}

/*常用电话*/
.tel_tip{ height:30px; line-height:30px; text-align:left; color:red;}
.telico li { background:none; height:40px; line-height:40px; overflow:hidden; font-size:13px;}
.telico li a{ display:block; padding-left:35px; background:url(../images/tel.png) no-repeat 5px 10px; background-size:20px 20px;}
.telico li span{ margin-left:5px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
.telico li span.tel{ float:right; display:inline; margin-right:10px; font-size:13px;}
.telico li a:active{ background:#eee url(../images/tel.png) no-repeat 5px center;  background-size:25px 25px;}

/*预警信号*/
.titleTxt{ font-weight:bold; font-size:15px; padding:10px;}
.titleTxt p{ line-height:1.8;}

/*关注列表*/
.bockList{}
.bockList h2{ font-weight:bold; font-size:14px; color:#333; height:25px; line-height:25px;}
.bockList ul{ background:#fff; border-radius:5px; border:1px solid #ccc; }
.bockList ul li{ border-bottom:1px solid #ccc; padding:10px; position:relative;}
.bockList ul li img{ width:52px; float:left;}
.bockList ul li dl{ margin-left:62px;}
.bockList ul li dl dt{ color:#000;  line-height:22px;}
.bockList ul li dl dd{ color:#333;  line-height:20px;}
.bockList ul li input{ position:absolute; top:10px; right:10px; padding:3px 10px; font-size:12px;}
.bockList ul li .time{ position:absolute; bottom:10px; right:10px; font-size:12px; color:#999;}
.bockList ul li.last{ border-bottom:none;}
/*weather*/
.weather{ height:100%; background:#3b88d3;    background: -moz-linear-gradient(left,#3b88d3,#2f76e3);background: -webkit-linear-gradient(left,#3b88d3,#2f76e3);background: -o-linear-gradient(left,#3b88d3,#2f76e3);background: -ms-linear-gradient(left,#3b88d3,#2f76e3);background:linear-gradient(left,#3b88d3,#2f76e3);} 
.weather .ico_reflash{ width:45px; height:45px;  overflow:hidden; position:fixed; top:20px; right:20px;}
.weather .ico_reflash img{width:45px; height:45px; cursor:pointer; }
.list_tab{ line-height:1.8;}
.weather_wendu{ font-size:100px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#fff; width:50%; float:left; display:inline; text-align:right; margin-top:58px; text-indent:20px;}
.weather_ico{ width:50%; text-align:center; float:right; display:inline;  margin-top:58px; }
.weather_ico img{ width:64px; border-radius:5px; margin-top:35px;}
.weather .didian{ color:#fff; float:left; display:inline; width:40%; text-indent:2em;}
.weather .didian dt{ font-size:15px; line-height:1.8; white-space:nowrap;}
.weather .didian dd{ font-size:12px; line-height:1.8; white-space:nowrap;}
.weather_intro{color:#fff; float:right; display:inline; width:40%; text-indent:2em; line-height:1.8;}

.weather_list{ position:fixed; bottom:0; left:0; width:100%; cursor:pointer; z-index:2;}
.weather_list li { color:#fff; height:44px; border-top:1px solid #CCC; line-height:44px; font-size:15px; padding:0 10px; overflow:hidden;}
.weather_list li sup{ }
.weather_list li span{ float:right;}
.weather_list li:active{background:#3b88d3;}

/*天气详情*/
.weaterCont{}
.title_mk1{ background:#4196e9; height:30px; line-height:30px; color:#fff; padding-left:15px;}
.table_shuju1{ width:100%; margin:5px 0;}
.table_shuju1 td{ text-align:left; line-height:25px;}
.table_shuju1 td.td1{ width:120px; vertical-align:top; padding-left:15px;}

.ul_shuju1{ padding-left:15px; margin-bottom:10px;}
.ul_shuju1 li{height:25px; line-height:25px;}
.title_tab_title{ margin-bottom:10px;}
.title_tab_title ul{}
.title_tab_title ul li{ font-size:12px;}

.tabContDiv{}
.tabContDiv .tabCont{ text-align:center;}


/* 区域详情 */
.quyubox{ background:#fff; margin:5px; border-radius:5px; border:1px solid #ccc; padding:10px;}
.quyu_title{ font-size:14px; line-height:25px;}
.quyu_cont{ font-size:14px; line-height:25px;}


/* 图片 */
.picTitle{ border:1px solid #9796a6; background:#fff; margin:5px; border-radius:5px; padding:10px; font-size:15px; color:#333;}
.picTitle span{ color:blue;}
.picTitle span a{ margin:0 3px; color:blue;}
.picBox{}
.picBox img{}

/*版权所有*/
.copyCont{ height:40px; position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #ccc;}
.copyCont li{font-family:14px; line-height:20px; text-indent:20px;}
.txtTip{ text-align:right; margin:10px 10px 10px 0;}
.txtTip a,.txtTip a:visited{ color:#666; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; float:right;}

/* 收缩提示 */
.tipSlide{ margin-top:5px; padding-bottom:5px;}
.tipSlide h2{ height:25px; font-weight:bold; color:#333; line-height:25px;  padding-right:10px; text-align:right; float:right;}
.tipSlide ul{ border:1px solid #ccc; border-radius:3px; padding:5px; background:#FFF; display:none;}
.tipSlide ul li{ height:22px; line-height:22px; text-indent:15px;}
.tipSlide ul li span{ color:blue;}

/*反馈*/
.fankuiBox{}
.fankuiBox p{ line-height:25px; padding:10px;}
.fankuiBox textarea{ width:98%; margin:10px auto; display:block; margin:0 auto; padding:3px; line-height:22px; font-family:'微软雅黑'; height:120px;}
.btn_show_more{ height:30px; line-height:30px; text-align:center; width:99%; cursor:pointer;}


/* 出错页面 */
.erroBox{ padding-top:50px; text-align:center;}
.erroBox p.txt_main{ color:#333; line-height:2.2; font-size:15px; text-align:center;}
.erroBox p.txt_time{ color:#999;}



/*弹出层样式*/
.dialogBox { display: none; width: 80%; height:100px; background: #f3f3f3; }
.dialogBox .dialogTitle { background: #e9e9e9; color: #000; font-size: 13px; height: 32px; line-height: 32px; padding-left: 15px; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f1f1f1, endcolorstr=#e0e0e0, gradientType=0);
background: -moz-linear-gradient(top, #f1f1f1, #e0e0e0); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1), to(#e0e0e0)); }
.dialogBox .close { float: right; display: inline; font-family: '微软雅黑', Arial, Helvetica, sans-serif; width: 20px; height: 21px; line-height: 21px; margin: 2px 2px 0 0; text-align: center; cursor: pointer; }
.dialogBox .close:hover { background: #f9f9f9; border-radius: 5px; }
.dialogCont { }
.replay_min { width: 310px; margin: 20px auto; }
.replay_min .dialogTxt { width: 300px; height: 120px; padding: 5px; font-family: '微软雅黑'; margin-bottom: 10px; display: block; }
.replay_min .btn_tj { padding: 3px 5px; display: block; margin: 0 auto; cursor: pointer; }
.replay_min p { color: #666; height: 20px; line-height: 20px; }

/* 加载图标 */
.loadbox{ padding-top:40px;}
.loadbox span{ background:url(../images/load.gif) no-repeat top center; display:block; padding-top:10px; line-height:20px; text-align:center;}


/* 点击加载按钮 */
.showMore{ border:1px solid #ccc; background:#eee; height:30px; border-radius:3px; text-align:center; line-height:30px; font-size:13px; margin:5px; cursor:pointer;}


/**/
.nodataTip{ text-align:center; line-height:40px; background:#FFFFCC; font-size:14px; border-bottom:1px solid #ccc;}